<template>
  <div class="xqbody">
    <div class="one">
        <img :src="xq.imgurl" alt="">
    </div>
    <div class="two">
        {{xq.title}}
        <div @click="fun(xq)">买单</div>
    </div>
    <div class="three">
        <div class="s1"><van-icon name="map-marked" class="icon"/></div>
        <div class="s2">{{xq.site}}</div>
        <div class="s3"><van-icon name="phone" class="icon"/></div>
       
    </div>
     <div class="four">
            <h5>商户简介</h5>
            <p>{{xq.title}}</p>
            
        </div>
         <div class="four">
            <h5>优惠公告</h5>
            <p class="p1">上建行生活.享优惠福利。优惠多多，福利多多</p>
            <p>上建行生活.享优惠福利。优惠多多，福利多多</p>
        </div>
  </div>
</template>

<script>
import linkb from "@/api/linkb.js"
export default {
    data(){
        return{
            obj:{}
        }
    },
    computed:{
        xq(){
           
            return this.$route.params.xiaoming
        },
        
    },
    methods:{
        
            fun(c){
                this.obj=this.$route.params.xiaoming
                // console.log(this.obj)
                this.$router.push({name:"pay",query:{xiaohong:c}})
            }
        }
}
</script>

<style scoped lang="scss">
    .xqbody{
        width: 100%;
        height: 100%;
        margin-top: 0.48rem;
        background-color: white;
        
        .one{
            width: 90%;
            height: 1.44rem;
            margin: auto;
            text-align: center;
            background-color: white;
            img{
                width: 35%;
                height: 100%;
            }
        }
        .two{
            width: 90%;
            margin: auto;
            height: 0.4rem;
            line-height: 0.4rem;
            font-size: 0.16rem;
             background-color: white;
             display: flex;
             justify-content: space-between;
             div{
                width: 0.8rem;
                height: 100%;
               background-color: #77c1e0;
                font-size: 0.18rem;
                text-align: center;
                border-radius: 0.1rem;
                color: white;
             }
        }
        .three{
            width: 90%;
            height: 0.56rem;
            margin: 0.06rem auto;
            background-color: white;
            font-size: 0;
            display: flex;
            
            .s1{
                width: 10%;
                height: 100%;
            }
            .s3{
                width: 10%;
                height: 100%;
            }
            .s2{
                width: 80%;
                height: 100%;
                font-size: 0.16rem;
            }
            .icon{
                font-size:0.3rem;
                color: gray;
                line-height: 0.56rem;
            }
           
        }
        .four{
            width: 90%;
            // height: 0.88rem;
            margin: 0 auto 0.1rem;
            background-color: white;
            h5{
                font-size: 0.2rem;
                color: #77c1e0;
            }
            p{
                font-size: 0.14rem;
               
                color: gray;
            }
            .p1{
                 margin-top: 0.2rem;
                color: black;
                font-size: 0.16rem;
                font-weight: 700;
            }
        }
    }
</style>